<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 浏览器标签图标 -->
<link rel="shortcut icon" href="../../../images/login.ico"
	type="image/x-icon" />
<title>房源发布</title>
<!-- jQuery文件 -->
<script type="text/javascript" src="../../../js/jquery-1.12.4.js"></script>
<!-- sweetAlert -->
<script type="text/javascript"
	src="../../../sweetalert/js/sweet-alert.min.js"></script>
<!-- 引入外部js文件 -->
<!-- 引入外部js文件 -->
<script type="text/javascript" src="../../../js/homePage/topbar.js"></script>
<script type="text/javascript" src="../../../js/user/upload/upload.js"></script>
<link rel="stylesheet" type="text/css"
	href="../../../sweetalert/css/sweet-alert.css" />
<link rel="stylesheet" type="text/css"
	href="../../../css/user/common.css" />
<link rel="stylesheet" type="text/css"
	href="../../../css/user/personalZone/my_zone.css" />
<!-- 该页面整体样式布局 -->
<link rel="stylesheet"
	href="../../../css/foreground/publishMsg/publishMsgCommon.css">
<link rel="stylesheet"
	href="../../../css/foreground/publishMsg/common.css">
<body>
	<!-- topBar/ -->
	<div id="topBar">
		<div class="area clearfix">
			<div class="glbLeft">
				<ul class="top_list" style="display: block" id="lrUl">
					<li>hi，欢迎来到kzone</li>
					<li><a href="../../user_login.action" rel="nofollow">登录</a><i
						class="line"></i></li>
					<li><a href="../../user_register.action" rel="nofollow">注册</a></li>
					<li><a href="#" rel="nofollow">首页</a></li>
				</ul>
				<ul class="top_list" style="display: none" id="userUl">
					<li class="user"><img src="" width="20" width="20" class="img"
						name="userImg"
						onerror="javascript:this.src='../images/house/no_image.jpg'"><font></font><i
						class="line"></i> <b class="icon"></b><input type="hidden"
						value="" id="uId">
						<div class="con">
							<a href="../../../toUserCollectHtml.action">个人空间</a> <a
								href="../../../toPersonMsgHtml.action">编辑资料</a> <a
								href="../../../publishMsgHtml.action">发布房源</a>
						</div></li>
					<li id='logout'><a>退出</a></li>
					<li><a href="../../../index.action" rel="nofollow">首页</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- /topBar -->


	<!-- 填写信息 -->
	<div class="mainRight s-m-box">

		<div class="Tit" style="margin-bottom: 25px">发布房源</div>

		<!-- 基础信息/ -->
		<div class="block_wrap" style="margin-top: 10px">
			<div class="block_title">
				<h2>基础信息</h2>
			</div>
			<div class="block_content"></div>
		</div>
		<div class="block_wrap block_content" style="">
			<div class="block_content">

				<!-- 出租方式 -->
				<div class="rows_wrap clearfix">
					<div class="rows_content">
						<div class="radio_wrap clearfix success" name="HireType">
							<div class="radio" id="radioDiv1">
								<!-- 图片小图标 -->
								<i value="整租"></i><label>整套出租</label>
							</div>
							<div class="radio focus" id="radioDiv2">
								<i value="合租"></i><label>单间出租</label>
							</div>
						</div>
					</div>
					<div class="rows_title">
						<span><span class="rows_title_star">*</span>出租方式</span>
					</div>
				</div>

				<!-- 小区名称 -->
				<div class="rows_wrap clearfix custom_name">
					<div class="rows_content">
						<!-- 警告提示蓝色  class="tip validate_error" 红色-->
						<div class="tip validate_error" style="left: 0px; display: none;"
							id="xiaoquTip">
							<i></i>请填写小区名称
						</div>
						<div class="input_text_wrap" style="position: relative;">
							<input type="text" id="xiaoqu" autocomplete="off" maxlength="50"
								placeholder="请选择小区" style="width: 400px;">
						</div>
						<!-- 成功提示对勾 -->
						<div class="tip validate_success"
							style="left: 426px; display: none" id="xiaoquSuccTip">
							<i></i>
						</div>
					</div>
					<div class="rows_title">
						<span><span class="rows_title_star">*</span>小区名称</span>
					</div>
				</div>

				<!-- 位置  -->
				<div class="rows_wrap clearfix custom_name">
					<div class="rows_content">
						<div class="selectordef" style="z-index: 1489; width: 128px;">
							<select id="h_areaSelect">
								<option value="海城区">海城区</option>
								<option value="银海区">银海区</option>
								<option value="铁山港区">铁山港区</option>
								<option value="合浦区">合浦区</option>
							</select>
						</div>
						<select style="display: block" id="haichengChild">
							<option value="高德">高德</option>
							<option value="东街">东街</option>
							<option value="中街">中街</option>
							<option value="西街">西街</option>
							<option value="海角">海角</option>
						</select> <select style="display: none" id="yinhaiChild">
							<option value="金海岸">金海岸</option>
						</select>
					</div>
					<div class="rows_title">
						<span><span class="rows_title_star">*</span>详细地址</span>
					</div>
				</div>

				<!-- 具体地址 -->
				<div class="rows_wrap clearfix custom_name">
					<div class="rows_content">
						<!-- 警告提示蓝色 -->
						<div class="tip validate_error" style="left: 0px; display: none;"
							id="locationTip">
							<i></i>房源具体地址不能为空
						</div>
						<div class="input_text_wrap" style="position: relative;">
							<input type="text" id="h_location" autocomplete="off"
								maxlength="50" placeholder="请输入房源具体地址" style="width: 400px;">
						</div>
						<!-- 成功提示对勾 -->
						<div class="tip validate_success"
							style="left: 426px; display: none" id="locationSuccTip">
							<i></i>
						</div>
					</div>
				</div>

				<!-- 房屋类型 ，具体属性-->
				<div class="rows_wrap clearfix custom_name">
					<div class="rows_content">
						<!-- validate_warning -->
						<div class="tip validate_error" style="left: 0px; display: none;"
							id="roomTip">
							<i></i>请输入房屋类型
						</div>
						<div class="input_text_wrap clearfix" style="position: relative;">
							<input type="text" maxlength="1" style="width: 95px;" id="h_room"
								name="room" onkeyup="this.value=this.value.replace(/\D/g,'')"
								onafterpaste="this.value=this.value.replace(/\D/g,'')"><span>室</span>
						</div>
						<div class="input_text_wrap clearfix" style="position: relative;">
							<input type="text" maxlength="1" style="width: 95px;" id="h_hall"
								name="room" onkeyup="this.value=this.value.replace(/\D/g,'')"
								onafterpaste="this.value=this.value.replace(/\D/g,'')"><span>厅</span>
						</div>
						<div class="input_text_wrap clearfix" style="position: relative;">
							<input type="text" maxlength="1" style="width: 95px;"
								id="h_bathroom" name="room"
								onkeyup="this.value=this.value.replace(/\D/g,'')"
								onafterpaste="this.value=this.value.replace(/\D/g,'')"><span>卫</span>
						</div>
						<div class="input_text_wrap clearfix" style="position: relative;">
							<input type="text" maxlength="1" style="width: 95px;"
								id="h_kitchen" name="room"
								onkeyup="this.value=this.value.replace(/\D/g,'')"
								onafterpaste="this.value=this.value.replace(/\D/g,'')"><span>厨</span>
						</div>
						<div class="input_text_wrap clearfix" style="position: relative;">
							<span>共</span><input type="text" maxlength="5" id="h_size"
								style="width: 95px;" name="room"
								onkeyup="this.value=this.value.replace(/\D/g,'')"
								onafterpaste="this.value=this.value.replace(/\D/g,'')"><span>㎡</span>
						</div>
						<!-- 成功提示对勾 -->
						<div class="tip validate_success"
							style="left: 700px; display: none" id="roomSuccTip">
							<i></i>
						</div>
					</div>
					<div class="rows_title">
						<span><span class="rows_title_star">*</span>房屋类型</span>
					</div>
				</div>

				<!-- 房屋朝向 -->
				<div class="rows_wrap clearfix custom_name" style="">
					<div class="rows_content">
						<div class="tip"></div>
						<!-- 房屋朝向 -->
						<div class="selectordef" style="z-index: 1489; width: 128px;">
							<select style="display: block" id="h_heading">
								<option value="东">朝向：东</option>
								<option value="南">朝向：南</option>
								<option value="西">朝向：西</option>
								<option value="北">朝向：北</option>
							</select>
						</div>
						<!-- 装修情况 -->
						<div class="selectordef" style="z-index: 1488; width: 128px;">
							<select style="display: block" id="h_decoration">
								<option value="1">毛坯</option>
								<option value="2">简装</option>
								<option value="3">中装</option>
								<option value="4">精装</option>
							</select>
						</div>
					</div>
				</div>

				<!-- 楼层 -->
				<div class="rows_wrap clearfix custom_name" style="">
					<div class="rows_content">
						<div class="tip validate_error" style="left: 0px; display: none;"
							id="floorTip">
							<i></i>楼层不能为空，必须是数字，不能是 0或者负数
						</div>
						<div class="input_text_wrap clearfix success"
							style="position: relative;">
							<span>第</span><input type="text" maxlength="2"
								style="width: 95px;" id="h_floor" name="floor"
								onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
								onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"><span>层</span>
						</div>
						<div class="input_text_wrap clearfix" style="position: relative;">
							<span>共</span><input type="text" id="h_floor_total" maxlength="2"
								name="floor"
								onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
								onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
								style="width: 95px;" id="h_floor_total"><span>层</span>
						</div>
						<!-- 成功提示对勾 -->
						<div class="tip validate_success"
							style="left: 300px; display: none" id="floorSuccTip">
							<i></i>
						</div>
					</div>
					<div class="rows_title">
						<span><span class="rows_title_star">*</span>楼层</span>
					</div>
				</div>

				<!-- 租金  -->
				<div class="rows_wrap clearfix custom_name" style="">
					<div class="rows_content">
						<div class="tip validate_error" style="left: 0px; display: none"
							id="h_rentTip">
							<i></i>请输入租金
						</div>
						<div class="input_text_wrap clearfix" style="position: relative;">
							<input type="text" id="h_rent" style="width: 128px;"
								maxlength="5"
								onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
								onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"><span>元/月</span>
						</div>
						<!-- 付费方式   -->
						<div class="selectordef" style="z-index: 1482; width: 128px;">
							<select style="display: block" id="h_paymethod">
								<option value="押一付一">押一付一</option>
								<option value="押一付三">押一付三</option>
								<option value="半年付">半年付</option>
								<option value="年付">年付</option>
							</select>
						</div>
						<!-- 成功提示对勾 -->
						<div class="tip validate_success"
							style="left: 320px; display: none" id="h_rentSuccTip">
							<i></i>
						</div>
					</div>
					<div class="rows_title">
						<span><span class="rows_title_star">*</span>租金</span>
					</div>
				</div>
			</div>
		</div>
		<!-- /基础信息 -->

		<!-- 详细信息/ -->
		<div class="block_wrap block_content" style="">
			<div class="block_title">
				<h2>详细信息</h2>
			</div>
			<div class="block_content" style="">
				<!-- 标题  -->
				<div class="rows_wrap clearfix custom_name">
					<div class="rows_content">
						<div class="tip validate_error" style="left: 0px; display: none"
							id="captionTip">
							<i></i>请输入标题
						</div>
						<div class="input_text_wrap" name="Title"
							style="position: relative;">
							<input type="text" id="h_caption" maxlength="30"
								style="color: rgb(204, 204, 204);">
						</div>
						<!-- 成功提示对勾 -->
						<div class="tip validate_success"
							style="left: 550px; display: none" id="captionSuccTip">
							<i></i>
						</div>
					</div>
					<div class="rows_title">
						<span><span class="rows_title_star">*</span>标题</span>
					</div>
				</div>

				<!-------------------------------上传图片/------------------------------------------------>
				<div class="rows_wrap clearfix custom_name">
					<div class="rows_content">
						<div class="tip"></div>
						<div class="imgbar_wrap" id="flashflashContent">
							<!-- 这里的ul用来回写图片，最多长传12张图片，超过12张图片上传图片的input将变为disabled -->
							<ul class="clearfix img_list" id="imagesUl">
								<!-- 移除style 封绿 list-item-->
								<!-- <li class="first_icon" style="display: list-item;"><i></i></li>	 -->
							</ul>
							<div class="upload_wrap">
								<div class="upload">
									<div class="localUpload_wrap">
										<div class="localTitle">上传电脑中图片</div>
										<div class="localUpload">
											<div class="imgUpload" id="imgUpload">
												<div class="html5">
													<input type="file" multiple="multiple" id="uploadImages">
												</div>
											</div>
											<div class="maxlength_cover"></div>
										</div>
									</div>
								</div>
								<div class="info">
									只能上传房屋图片，不能包含有文字、数字、网址、名片等，最多上传<span>12</span>张，每张最大<span>10M</span>
								</div>
								<div class="preview"></div>
							</div>
						</div>
					</div>
					<div class="rows_title">
						<span>上传图片</span>
					</div>
				</div>
				<!-------------------------------/上传图片------------------------------------------------>
			</div>
		</div>
		<!-- /详细信息 -->

		<!-- 其他信息/  -->
		<div class="block_wrap block_content zIndex_fix" style="">
			<div class="block_title">
				<h2>其它信息</h2>
			</div>
			<div class="block_content">

				<!-- 联系人  -->
				<div class="rows_wrap clearfix custom_name">
					<div class="rows_content">
						<div class="tip validate_error" style="left: 0px; display: none"
							id="h_personnameTip">
							<i></i>请输入联系人
						</div>
						<div class="input_text_wrap" style="position: relative;">
							<input type="text" id="h_personname" maxlength="6"
								style="width: 240px;">
						</div>
						<!-- 成功提示对勾 -->
						<div class="tip validate_success"
							style="left: 270px; display: none" id="h_personnameSuccTip">
							<i></i>
						</div>
					</div>
					<div class="rows_title">
						<span><span class="rows_title_star">*</span>联系人</span>
					</div>
				</div>

				<!-- 联系人电话  -->
				<div class="rows_wrap clearfix custom_name">
					<div class="rows_content">
						<div class="tip validate_error" style="left: 0px; display: none"
							id="phoneTip">
							<i></i>请输入联系人电话
						</div>
						<div class="input_text_wrap" style="position: relative;">
							<input type="text" id="phone" maxlength="11"
								style="width: 240px;"
								onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
								onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
						</div>
						<div class="tip validate_success"
							style="left: 270px; display: none" id="phoneSuccTip">
							<i></i>
						</div>
					</div>
					<div class="rows_title">
						<span><span class="rows_title_star">*</span>联系电话</span>
					</div>
				</div>

				<!-- 发送验证码 ，联系电话 格式正确才会显示这一栏-->
				<div class="rows_wrap clearfix custom_name" style="display: none;"
					id="sendPhoneCodeDiv">
					<div class="rows_content">
						<div class="tip validate_error" style="left: 0px; display: none"
							id="phoneCodeTip">
							<i></i>验证码错误
						</div>
						<div class="input_text_wrap" style="position: relative;">
							<input type="text" id="yzm" style="width: 100px;" maxlength="6"
								id="sms"
								onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
								onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
							<input type="hidden" id="phoneCodeFlag" value="false">
						</div>
						<button id="sendPhoneCodeBtn" value="发送验证码">发送验证码</button>
					</div>
					<div class="rows_title">
						<span><span class="rows_title_star">*</span>验证码</span>
					</div>
				</div>
				<!-- 信息发布按钮 -->
				<div class="rows_wrap clearfix">
					<div class="rows_content">
						<div class="submit_wrap">
							<span id="buttonImg">发布</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 底部页面 -->
	<embed src="../../../view/base/footer.html" height="90px" width="100%" />

</body>
</html>